// createRouter : 创建路由实例
// createWebHistory : 创建 history 模式
import { createRouter, createWebHistory } from 'vue-router'

import Login from "@/views/Login/index.vue"
import Layout from "@/views/Layout/index.vue"
import Home from "@/views/Home/index.vue"
import Category from "@/views/Category/index.vue"
import SubCategory from "@/views/SubCategory/index.vue"

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  // 创建path和components对应关系的位置
  routes: [
    {
      path: '/',
      component: Layout,
      children: [
        {
          path: '',
          component: Home,
        },
        {
          path: 'category/:id',
          component: Category,
        },
        {
          path: 'category/sub/:id',
          component: SubCategory,
        }
      ]
    },
    {
      path: '/login',
      component: Login,
    },
  ],

  // 路由行为配置项
  scrollBehavior() {
    return {
      // 确保路由切换时,滚动条在最顶部
      top: 0
    }
  },
})

export default router
